<!--
 * @Author: qinglong
 * @Date: 2021-04-29 15:16:12
 * @LastEditors: qinglong
 * @LastEditTime: 2021-05-18 15:34:56
 * @FilePath: \systemCenter\src\views\ftpManage\positionManage\amend\positionAmendZipperIndex.vue
 * @Description: 
-->
<template>
  <!--  数据补录页面 -->
  <div>
    <!-- 按钮与搜索 -->
    <el-row class="positionAmend container">
      <el-col style="margin-right:10px;" class="content-left">
        <!-- 操作区域 -->
        <upper-template :searchIcon="false" :configIcon="false">
          <!-- 操作按钮区 -->
          <template slot="buttonArea">
            <el-button @click="reBackUse()">重新使用</el-button>
            <el-button @click="detail()">查看</el-button>
            <el-button @click="close()">返回</el-button>
          </template>
        </upper-template>
        <!-- 列表 -->

        <el-table ref="multipleTable" :data="tableData" @row-click="rowChecked">
          <el-table-column width="55" type="selection"></el-table-column>
          <el-table-column prop="acctNo" label="账号" v-if="columnState[0]" show-overflow-tooltip></el-table-column>
          <el-table-column prop="dataDt" label="数据日期" v-if="columnState[1]" show-overflow-tooltip>
            <template slot-scope="scope">
              <div v-if="scope.row.dataDt">{{ timeFormat(scope.row.dataDt) }}</div>
              <div v-else>-</div>
            </template>
          </el-table-column>
          <el-table-column
            prop="versionNum"
            label="当前版本号"
            show-overflow-tooltip
            v-if="columnState[2]"
          ></el-table-column>
          <el-table-column prop="orgCd" label="机构" show-overflow-tooltip v-if="columnState[3]"></el-table-column>
          <el-table-column prop="industryCd" label="行业" show-overflow-tooltip v-if="columnState[4]"></el-table-column>
          <el-table-column prop="custNo" label="客户编号" show-overflow-tooltip v-if="columnState[5]"></el-table-column>
          <el-table-column prop="prdCd" label="产品" v-if="columnState[6]" show-overflow-tooltip></el-table-column>
          <el-table-column prop="sbjtCd" label="科目" v-if="columnState[7]"></el-table-column>
          <el-table-column prop="sbjtTp" label="业务类型" v-if="columnState[8]" show-overflow-tooltip></el-table-column>
          <el-table-column prop="ccyCd" label="币种" v-if="columnState[9]" show-overflow-tooltip></el-table-column>
          <el-table-column
            prop="curBal"
            label="当前余额"
            v-if="columnState[10]"
            show-overflow-tooltip
            :formatter="row => (row.curBal * 1).toFixed(6)"
          ></el-table-column>
          <el-table-column
            prop="matuFlg"
            label="有无到期日标识"
            v-if="columnState[11]"
            show-overflow-tooltip
          ></el-table-column>
          <el-table-column
            prop="lastRpricBal"
            label="上次重定价余额"
            :formatter="row => (row.lastRpricBal * 1).toFixed(6)"
            v-if="columnState[12]"
            show-overflow-tooltip
          ></el-table-column>
          <el-table-column
            prop="origAmt"
            label="原始余额"
            :formatter="row => (row.origAmt * 1).toFixed(6)"
            v-if="columnState[13]"
            show-overflow-tooltip
          ></el-table-column>

          <el-table-column
            prop="pmtBal"
            label="支付金额"
            :formatter="row => (row.pmtBal * 1).toFixed(6)"
            v-if="columnState[14]"
            show-overflow-tooltip
          ></el-table-column>
          <el-table-column prop="startDt" label="起息日" v-if="columnState[15]" show-overflow-tooltip></el-table-column>
          <el-table-column prop="matuDt" label="到期日" v-if="columnState[16]" show-overflow-tooltip></el-table-column>
          <el-table-column prop="orgTerm" label="原始期限" v-if="columnState[17]" show-overflow-tooltip></el-table-column>
          <el-table-column
            prop="overdueTerm"
            label="逾期期限"
            v-if="columnState[18]"
            show-overflow-tooltip
          ></el-table-column>
          <el-table-column
            prop="execRate"
            label="对客利率"
            v-if="columnState[19]"
            show-overflow-tooltip
          ></el-table-column>
          <el-table-column
            prop="acruIntstBas"
            label="计息基础代码"
            v-if="columnState[20]"
            show-overflow-tooltip
          ></el-table-column>
          <el-table-column
            prop="execRateCd"
            label="利率代码"
            v-if="columnState[21]"
            show-overflow-tooltip
          ></el-table-column>

          <el-table-column
            prop="fltTpCd"
            label="浮动类型代码"
            v-if="columnState[22]"
            show-overflow-tooltip
          ></el-table-column>
          <el-table-column
            prop="fltRatio"
            label="浮动比例"
            v-if="columnState[23]"
            show-overflow-tooltip
          ></el-table-column>
          <el-table-column
            prop="fltMargin"
            label="浮动利差"
            v-if="columnState[24]"
            show-overflow-tooltip
          ></el-table-column>
          <el-table-column
            prop="lastExecRateChangeDt"
            label="最新执行利率变更日期"
            v-if="columnState[25]"
            show-overflow-tooltip
          ></el-table-column>
          <el-table-column prop="pmtFreq" label="结息频率" v-if="columnState[26]" show-overflow-tooltip></el-table-column>
          <el-table-column
            prop="rateTp"
            label="利率类型代码"
            v-if="columnState[27]"
            show-overflow-tooltip
          ></el-table-column>
          <el-table-column
            prop="rpricDtAdjstTp"
            label="重定价类型代码"
            v-if="columnState[28]"
            show-overflow-tooltip
          ></el-table-column>
          <el-table-column
            prop="lastRpricDt"
            label="上次重定价日期"
            v-if="columnState[29]"
            show-overflow-tooltip
          ></el-table-column>
          <el-table-column
            prop="nextRepricDt"
            label="下次重定价日期"
            v-if="columnState[30]"
            show-overflow-tooltip
          ></el-table-column>
          <el-table-column
            prop="repriceFreq"
            label="重定价频率"
            v-if="columnState[31]"
            show-overflow-tooltip
          ></el-table-column>
          <el-table-column prop="pmtTp" label="支付类型代码" v-if="columnState[32]" show-overflow-tooltip></el-table-column>
          <el-table-column
            prop="lastPrinPmtDt"
            label="上次支付日"
            v-if="columnState[33]"
            show-overflow-tooltip
          ></el-table-column>
          <el-table-column
            prop="nextPrinPmtDt"
            label="下次支付日"
            v-if="columnState[34]"
            show-overflow-tooltip
          ></el-table-column>
          <el-table-column prop="payFreq" label="支付频率" v-if="columnState[35]" show-overflow-tooltip></el-table-column>
          <el-table-column
            prop="bizRatingCd"
            label="业务评级代码"
            v-if="columnState[36]"
            show-overflow-tooltip
          ></el-table-column>
          <el-table-column
            prop="custCateCd"
            label="客户类别代码"
            v-if="columnState[37]"
            show-overflow-tooltip
          ></el-table-column>
          <el-table-column prop="chnlNm" label="渠道" v-if="columnState[38]" show-overflow-tooltip></el-table-column>
          <el-table-column prop="bizNo" label="业务编号" v-if="columnState[39]" show-overflow-tooltip></el-table-column>
          <el-table-column prop="isOdue" label="逾期标识" v-if="columnState[40]" show-overflow-tooltip></el-table-column>
          <el-table-column
            prop="earlyPmtAmt"
            label="提前还款金额"
            v-if="columnState[41]"
            show-overflow-tooltip
          ></el-table-column>
          <el-table-column
            prop="issuerCd"
            label="发行人代码"
            v-if="columnState[42]"
            show-overflow-tooltip
          ></el-table-column>
          <el-table-column
            prop="rateSensitiveFlg"
            label="利率敏感标识"
            v-if="columnState[43]"
            show-overflow-tooltip
          ></el-table-column>
          <el-table-column
            prop="instrumentTpCd"
            label="金融工具类型代码"
            v-if="columnState[44]"
            show-overflow-tooltip
          ></el-table-column>
          <el-table-column
            prop="costCtrTpCd"
            label="成本中心分类代码"
            v-if="columnState[45]"
            show-overflow-tooltip
          ></el-table-column>
          <el-table-column
            prop="isSbjtOdue"
            label="资产负债逾期标志"
            v-if="columnState[46]"
            show-overflow-tooltip
          ></el-table-column>
          <el-table-column
            prop="offshoreFlg"
            label="离岸标识"
            v-if="columnState[47]"
            show-overflow-tooltip
          ></el-table-column>
          <el-table-column prop="sizeFlg" label="规模标识" v-if="columnState[48]" show-overflow-tooltip></el-table-column>
          <el-table-column prop="isAgmt" label="协定标识" v-if="columnState[49]" show-overflow-tooltip></el-table-column>
          <el-table-column
            prop="pmtPlanFlg"
            label="还款计划表标识"
            v-if="columnState[50]"
            show-overflow-tooltip
          ></el-table-column>
          <el-table-column
            prop="incrementFlg"
            label="增量标识"
            v-if="columnState[51]"
            show-overflow-tooltip
          ></el-table-column>
          <el-table-column
            prop="lastRpricExecRate"
            label="上次重定价执行利率"
            v-if="columnState[52]"
            show-overflow-tooltip
          ></el-table-column>
          <el-table-column
            prop="nextmtAmt"
            label="下次支付金额"
            v-if="columnState[53]"
            show-overflow-tooltip
          ></el-table-column>
          <el-table-column
            prop="firstPrinPmtDt"
            label="首次还款日"
            v-if="columnState[54]"
            show-overflow-tooltip
          ></el-table-column>
          <el-table-column
            prop="billRate"
            label="票面利率"
            v-if="columnState[55]"
            show-overflow-tooltip
          ></el-table-column>
          <el-table-column
            prop="isVlid"
            label="数据有效性标识"
            v-if="columnState[56]"
            show-overflow-tooltip
          ></el-table-column>
          <el-table-column prop="bizLineCd" label="条线" v-if="columnState[57]" show-overflow-tooltip></el-table-column>
          <el-table-column prop="area" label="区域" v-if="columnState[58]" show-overflow-tooltip></el-table-column>
          <el-table-column
            prop="outIntstIncExp"
            label="外部利息收支"
            v-if="columnState[59]"
            show-overflow-tooltip
          ></el-table-column>
          <el-table-column
            prop="lnPrePmtFlg"
            label="提前终止标示"
            v-if="columnState[60]"
            show-overflow-tooltip
          ></el-table-column>
          <el-table-column
            prop="elementChangeFlg"
            label="业务要素变更标志"
            v-if="columnState[61]"
            show-overflow-tooltip
          ></el-table-column>
          <el-table-column
            prop="append1"
            label="备用字段1"
            v-if="columnState[62]"
            show-overflow-tooltip
          ></el-table-column>
          <el-table-column
            prop="append2"
            label="备用字段2"
            v-if="columnState[62]"
            show-overflow-tooltip
          ></el-table-column>
          <el-table-column
            prop="append3"
            label="备用字段3"
            v-if="columnState[63]"
            show-overflow-tooltip
          ></el-table-column>
          <el-table-column
            prop="append4"
            label="备用字段4"
            v-if="columnState[64]"
            show-overflow-tooltip
          ></el-table-column>
          <el-table-column
            prop="append5"
            label="备用字段5"
            v-if="columnState[65]"
            show-overflow-tooltip
          ></el-table-column>
          <el-table-column
            prop="append6"
            label="备用字段6"
            v-if="columnState[66]"
            show-overflow-tooltip
          ></el-table-column>
          <el-table-column
            prop="append7"
            label="备用字段7"
            v-if="columnState[67]"
            show-overflow-tooltip
          ></el-table-column>
          <el-table-column
            prop="append8"
            label="备用字段8"
            v-if="columnState[68]"
            show-overflow-tooltip
          ></el-table-column>
          <el-table-column
            prop="append9"
            label="备用字段9"
            v-if="columnState[69]"
            show-overflow-tooltip
          ></el-table-column>
          <el-table-column
            prop="append10"
            label="备用字段10"
            v-if="columnState[70]"
            show-overflow-tooltip
          ></el-table-column>
          <el-table-column
            prop="append11"
            label="备用字段11"
            v-if="columnState[71]"
            show-overflow-tooltip
          ></el-table-column>
          <el-table-column
            prop="append12"
            label="备用字段12"
            v-if="columnState[72]"
            show-overflow-tooltip
          ></el-table-column>
          <el-table-column
            prop="append13"
            label="备用字段13"
            v-if="columnState[73]"
            show-overflow-tooltip
          ></el-table-column>
          <el-table-column
            prop="append14"
            label="备用字段14"
            v-if="columnState[74]"
            show-overflow-tooltip
          ></el-table-column>
          <el-table-column
            prop="append15"
            label="备用字段15"
            v-if="columnState[75]"
            show-overflow-tooltip
          ></el-table-column>
          <el-table-column
            prop="append16"
            label="备用字段16"
            v-if="columnState[76]"
            show-overflow-tooltip
          ></el-table-column>
          <el-table-column
            prop="append17"
            label="备用字段17"
            v-if="columnState[77]"
            show-overflow-tooltip
          ></el-table-column>
          <el-table-column
            prop="append18"
            label="备用字段18"
            v-if="columnState[78]"
            show-overflow-tooltip
          ></el-table-column>
          <el-table-column
            prop="append19"
            label="备用字段19"
            v-if="columnState[79]"
            show-overflow-tooltip
          ></el-table-column>
          <el-table-column
            prop="append20"
            label="备用字段20"
            v-if="columnState[80]"
            show-overflow-tooltip
          ></el-table-column>
          <el-table-column prop="dataSrc" label="数据来源" v-if="columnState[81]" show-overflow-tooltip></el-table-column>
        </el-table>
        <pagination
          @size-change="handleSizeChange"
          @current-change="handleCurrentChange"
          :current-page="searchForm.page"
          :page-size="searchForm.size"
          @refresh="searchFunc"
          :total="total"
        ></pagination>
      </el-col>
    </el-row>
    <!--查看详情数据 -->
    <el-dialog
      v-dialogDrag
      :title="titleName"
      :visible.sync="amendZipperFormDi"
      append-to-body
      width="60%"
      height="70vh"
      top="2%"
    >
      <!-- 基础信息 -->
      <div>
        <span class="formTitle">
          <i class="vertical-bar"></i>基础信息
        </span>
        <el-form :model="jichuForm" ref="jichuRef" label-width="120px" label-position="left">
          <el-row>
            <el-col :span="10" :offset="1">
              <el-form-item label="账号：" prop="accountnum" text-align="right">
                <div>{{ jichuForm.accountnum }}</div>
              </el-form-item>
            </el-col>
            <el-col :span="10" :offset="1">
              <el-form-item label="数据日期：" prop="datadate" text-align="right">
                <div>{{ jichuForm.datadate }}</div>
              </el-form-item>
            </el-col>
          </el-row>

          <el-row>
            <el-col :span="10" :offset="1">
              <el-form-item label="机构：" prop="orgcode" text-align="right">
                <div>{{ jichuForm.orgcode }}</div>
              </el-form-item>
            </el-col>
            <el-col :span="10" :offset="1">
              <el-form-item label="行业类型：" prop="industrycode" text-align="right">
                <div>{{ jichuForm.industrycode }}</div>
              </el-form-item>
            </el-col>
          </el-row>

          <el-row>
            <el-col :span="10" :offset="1">
              <el-form-item label="客户编号：" prop="custcode" text-align="right">
                <div>{{ jichuForm.custcode }}</div>
              </el-form-item>
            </el-col>
            <el-col :span="10" :offset="1">
              <el-form-item label="产品：" prop="productcode" text-align="right">
                <div>{{ jichuForm.productcode }}</div>
              </el-form-item>
            </el-col>
          </el-row>

          <el-row>
            <el-col :span="10" :offset="1">
              <el-form-item label="科目：" prop="subjectcode" text-align="right">
                <div>{{ jichuForm.subjectcode }}</div>
              </el-form-item>
            </el-col>
            <el-col :span="10" :offset="1">
              <el-form-item label="业务类型：" prop="subjecttype_disp" text-align="right">
                <div>{{ jichuForm.subjecttype_disp }}</div>
              </el-form-item>
            </el-col>
          </el-row>

          <el-row>
            <el-col :span="10" :offset="1">
              <el-form-item label="币种：" prop="currencycode" text-align="right">
                <div>{{ jichuForm.currencycode }}</div>
              </el-form-item>
            </el-col>
            <el-col :span="10" :offset="1">
              <el-form-item label="当前余额：" prop="curbal" text-align="right">
                <div>{{ jichuForm.curbal }}</div>
              </el-form-item>
            </el-col>
          </el-row>

          <el-row>
            <el-col :span="10" :offset="1">
              <el-form-item label="原始余额：" prop="orgbal" text-align="right">
                <div>{{ jichuForm.orgbal }}</div>
              </el-form-item>
            </el-col>
            <el-col :span="10" :offset="1">
              <el-form-item label="计息基础代码：" prop="accrubasiscd_disp" text-align="right">
                <div>{{ jichuForm.accrubasiscd_disp }}</div>
              </el-form-item>
            </el-col>
          </el-row>

          <el-row>
            <el-col :span="10" :offset="1">
              <el-form-item label="有无到期日标志：" prop="matflag_disp" text-align="right">
                <div>{{ jichuForm.matflag_disp }}</div>
              </el-form-item>
            </el-col>
            <el-col :span="10" :offset="1">
              <el-form-item label="利率敏感标志：" prop="ratesensitiveflag_disp" text-align="right">
                <div>{{ jichuForm.ratesensitiveflag_disp }}</div>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row>
            <el-col :span="10" :offset="1">
              <el-form-item label="区域：" prop="area" text-align="right">
                <div>{{ jichuForm.area }}</div>
              </el-form-item>
            </el-col>
            <el-col :span="10" :offset="1">
              <el-form-item label="条线：" prop="stripline" text-align="right">
                <div>{{ jichuForm.stripline }}</div>
              </el-form-item>
            </el-col>
          </el-row>
        </el-form>
      </div>
      <!-- 利率信息 -->
      <div>
        <span class="formTitle">
          <i class="vertical-bar"></i>利率信息
        </span>
        <el-form :model="jichuForm" ref="lilvRef" label-width="110px" label-position="left">
          <el-row>
            <el-col :span="10" :offset="1">
              <el-form-item label="对客利率：" prop="intrate" text-align="right">
                <div>{{ jichuForm.intrate }}</div>
              </el-form-item>
            </el-col>
            <el-col :span="10" :offset="1">
              <el-form-item label="利率代码：" prop="intratecd" text-align="right">
                <div>{{ jichuForm.intratecd }}</div>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row>
            <el-col :span="10" :offset="1">
              <el-form-item label="浮动类型代码：" prop="intfloattypecd_disp" text-align="right">
                <div>{{ jichuForm.intfloattypecd_disp }}</div>
              </el-form-item>
            </el-col>
            <el-col :span="10" :offset="1">
              <el-form-item label="浮动比率：" prop="floatproportion" text-align="right">
                <div>{{ jichuForm.floatproportion }}</div>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row>
            <el-col :span="10" :offset="1">
              <el-form-item label="浮动利差：" prop="basefltvalue" text-align="right">
                <div>{{ jichuForm.basefltvalue }}</div>
              </el-form-item>
            </el-col>
            <el-col :span="10" :offset="1">
              <el-form-item label="票面利率：" prop="billintrate" text-align="right">
                <div>{{ jichuForm.billintrate }}</div>
              </el-form-item>
            </el-col>
          </el-row>
        </el-form>
      </div>

      <!-- 期限信息 -->
      <div>
        <span class="formTitle">
          <i class="vertical-bar"></i>期限信息
        </span>
        <el-form :model="qixainForm" ref="qixianRef" label-width="110px" label-position="left">
          <el-row>
            <el-col :span="10" :offset="1">
              <el-form-item label="起息日：" prop="orgdate" text-align="right">
                <div>{{ qixainForm.orgdate }}</div>
              </el-form-item>
            </el-col>
            <el-col :span="10" :offset="1">
              <el-form-item label="到期日：" prop="matdate" text-align="right">
                <div>{{ qixainForm.matdate }}</div>
              </el-form-item>
            </el-col>
          </el-row>

          <el-row>
            <el-col :span="10" :offset="1">
              <el-form-item label="原始期限：" prop="orgterm" text-align="right">
                <div>{{ qixainForm.orgterm }}</div>
              </el-form-item>
            </el-col>
            <el-col :span="10" :offset="1">
              <el-form-item label="逾期期限：" prop="overdueterm" text-align="right">
                <div>{{ qixainForm.overdueterm }}</div>
              </el-form-item>
            </el-col>
          </el-row>
        </el-form>
      </div>

      <!-- 支付信息 -->
      <div>
        <span class="formTitle">
          <i class="vertical-bar"></i>支付信息
        </span>
        <el-form :model="zhifuForm" ref="zhifuRef" label-width="110px" label-position="left">
          <el-row>
            <el-col :span="10" :offset="1">
              <el-form-item label="起息日：" prop="orgdate" text-align="right">
                <div>{{ zhifuForm.orgdate }}</div>
              </el-form-item>
            </el-col>
            <el-col :span="10" :offset="1">
              <el-form-item label="到期日：" prop="matdate" text-align="right">
                <div>{{ zhifuForm.matdate }}</div>
              </el-form-item>
            </el-col>
          </el-row>

          <el-row>
            <el-col :span="10" :offset="1">
              <el-form-item label="支付金额：" prop="paybal" text-align="right">
                <div>{{ zhifuForm.paybal }}</div>
              </el-form-item>
            </el-col>
            <el-col :span="10" :offset="1">
              <el-form-item label="结息频率：" prop="pmtfreq" text-align="right">
                <div>{{ zhifuForm.pmtfreq }}</div>
              </el-form-item>
            </el-col>
          </el-row>

          <el-row>
            <el-col :span="10" :offset="1">
              <el-form-item label="支付类型：" prop="paytypecd_disp" text-align="right">
                <div>{{ zhifuForm.paytypecd_disp }}</div>
              </el-form-item>
            </el-col>
            <el-col :span="10" :offset="1">
              <el-form-item label="上次支付日：" prop="lastpaydate" text-align="right">
                <div>{{ zhifuForm.lastpaydate }}</div>
              </el-form-item>
            </el-col>
          </el-row>

          <el-row>
            <el-col :span="10" :offset="1">
              <el-form-item label="下次支付日：" prop="nextpaydate" text-align="right">
                <div>{{ zhifuForm.nextpaydate }}</div>
              </el-form-item>
            </el-col>
            <el-col :span="10" :offset="1">
              <el-form-item label="支付频率：" prop="payfreq" text-align="right">
                <div>{{ zhifuForm.payfreq }}</div>
              </el-form-item>
            </el-col>
          </el-row>

          <el-row>
            <el-col :span="10" :offset="1">
              <el-form-item label="提前还款金额：" prop="earlyrepay" text-align="right">
                <div>{{ zhifuForm.earlyrepay }}</div>
              </el-form-item>
            </el-col>
            <el-col :span="10" :offset="1">
              <el-form-item label="下次支付金额：" prop="nextpay" text-align="right">
                <div>{{ zhifuForm.nextpay }}</div>
              </el-form-item>
            </el-col>
          </el-row>

          <el-row>
            <el-col :span="10" :offset="1">
              <el-form-item label="首次还款日：" prop="first_repay_date" text-align="right">
                <div>{{ zhifuForm.first_repay_date }}</div>
              </el-form-item>
            </el-col>
          </el-row>
        </el-form>
      </div>

      <!-- 重定价信息 -->
      <div>
        <span class="formTitle">
          <i class="vertical-bar"></i>重定价信息
        </span>
        <el-form
          :model="chongdingjiaForm"
          ref="chongdingjiaRef"
          label-width="160px"
          label-position="left"
        >
          <el-row>
            <el-col :span="10" :offset="1">
              <el-form-item label="上次重定价余额：" prop="lastrepricebal" text-align="right">
                <div>{{ chongdingjiaForm.lastrepricebal }}</div>
              </el-form-item>
            </el-col>
            <el-col :span="10" :offset="1">
              <el-form-item label="最新执行利率变更日期：" prop="latestratechangedate" text-align="right">
                <div>{{ chongdingjiaForm.latestratechangedate }}</div>
              </el-form-item>
            </el-col>
          </el-row>

          <el-row>
            <el-col :span="10" :offset="1">
              <el-form-item label="利率类型代码：" prop="ratetypecd_disp" text-align="right">
                <div>{{ chongdingjiaForm.ratetypecd_disp }}</div>
              </el-form-item>
            </el-col>
            <el-col :span="10" :offset="1">
              <el-form-item label="重定价类型代码：" prop="repricetypecd_disp" text-align="right">
                <div>{{ chongdingjiaForm.repricetypecd_disp }}</div>
              </el-form-item>
            </el-col>
          </el-row>

          <el-row>
            <el-col :span="10" :offset="1">
              <el-form-item label="上次重定价日期：" prop="lastrepricedate" text-align="right">
                <div>{{ chongdingjiaForm.lastrepricedate }}</div>
              </el-form-item>
            </el-col>
            <el-col :span="10" :offset="1">
              <el-form-item label="下次重定价日期：" prop="nextrepricedate" text-align="right">
                <div>{{ chongdingjiaForm.nextrepricedate }}</div>
              </el-form-item>
            </el-col>
          </el-row>

          <el-row>
            <el-col :span="10" :offset="1">
              <el-form-item label="重定价频率：" prop="repricefreq" text-align="right">
                <div>{{ chongdingjiaForm.repricefreq }}</div>
              </el-form-item>
            </el-col>
            <el-col :span="10" :offset="1">
              <el-form-item label="上次重订价执行利率：" prop="lastrepriceintrate" text-align="right">
                <div>{{ chongdingjiaForm.lastrepriceintrate }}</div>
              </el-form-item>
            </el-col>
          </el-row>
        </el-form>
      </div>

      <!-- 其他信息 -->
      <div>
        <span class="formTitle">
          <i class="vertical-bar"></i>其他信息
        </span>
        <el-form :model="qitaForm" ref="qitaRef" label-width="160px" label-position="left">
          <el-row>
            <el-col :span="10" :offset="1">
              <el-form-item label="业务评级：" prop="businesslevelcd_disp" text-align="right">
                <div>{{ qitaForm.businesslevelcd_disp }}</div>
              </el-form-item>
            </el-col>
            <el-col :span="10" :offset="1">
              <el-form-item label="客户类别：" prop="custcategorycd_disp" text-align="right">
                <div>{{ qitaForm.custcategorycd_disp }}</div>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row>
            <el-col :span="10" :offset="1">
              <el-form-item label="渠道：" prop="channel_disp" text-align="right">
                <div>{{ qitaForm.channel_disp }}</div>
              </el-form-item>
            </el-col>
            <el-col :span="10" :offset="1">
              <el-form-item label="业务编号：" prop="businessnum" text-align="right">
                <div>{{ qitaForm.businessnum }}</div>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row>
            <el-col :span="10" :offset="1">
              <el-form-item label="逾期标识：" prop="overdueflag_disp" text-align="right">
                <div>{{ qitaForm.overdueflag_disp }}</div>
              </el-form-item>
            </el-col>
            <el-col :span="10" :offset="1">
              <el-form-item label="发行人：" prop="publishercd_disp" text-align="right">
                <div>{{ qitaForm.publishercd_disp }}</div>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row>
            <el-col :span="10" :offset="1">
              <el-form-item label="金融工具类型代码：" prop="instrumenttypecd_disp" text-align="right">
                <div>{{ qitaForm.instrumenttypecd_disp }}</div>
              </el-form-item>
            </el-col>
            <el-col :span="10" :offset="1">
              <el-form-item label="成本中心分类代码：" prop="cstctrtypecd_disp" text-align="right">
                <div>{{ qitaForm.cstctrtypecd_disp }}</div>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row>
            <el-col :span="10" :offset="1">
              <el-form-item label="资产负债逾期标志：" prop="subjectoverdueflag_disp" text-align="right">
                <div>{{ qitaForm.subjectoverdueflag_disp }}</div>
              </el-form-item>
            </el-col>
            <el-col :span="10" :offset="1">
              <el-form-item label="离岸标志：" prop="offshoreflag_disp" text-align="right">
                <div>{{ qitaForm.offshoreflag_disp }}</div>
              </el-form-item>
            </el-col>
          </el-row>

          <el-row>
            <el-col :span="10" :offset="1">
              <el-form-item label="规模标志：" prop="scaleflag_disp" text-align="right">
                <div>{{ qitaForm.scaleflag_disp }}</div>
              </el-form-item>
            </el-col>
            <el-col :span="10" :offset="1">
              <el-form-item label="协定标志：" prop="agreementflag_disp" text-align="right">
                <div>{{ qitaForm.agreementflag_disp }}</div>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row>
            <el-col :span="10" :offset="1">
              <el-form-item label="还款计划表标志：" prop="planflag" text-align="right">
                <div>{{ qitaForm.planflag }}</div>
              </el-form-item>
            </el-col>
            <el-col :span="10" :offset="1">
              <el-form-item label="增量标志：" prop="incrementflag_disp" text-align="right">
                <div>{{ qitaForm.incrementflag_disp }}</div>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row>
            <el-col :span="10" :offset="1">
              <el-form-item label="数据有效性标志：" prop="validflag_disp" text-align="right">
                <div>{{ qitaForm.validflag_disp }}</div>
              </el-form-item>
            </el-col>
            <el-col :span="10" :offset="1">
              <el-form-item label="外部利息收支：" prop="outrate" text-align="right">
                <div>{{ qitaForm.outrate }}</div>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row>
            <el-col :span="10" :offset="1">
              <el-form-item label="提前终止标示：" prop="breakflag_disp" text-align="right">
                <div>{{ qitaForm.breakflag_disp }}</div>
              </el-form-item>
            </el-col>
            <el-col :span="10" :offset="1">
              <el-form-item label="业务要素变更标志：" prop="elementchangeflag_disp" text-align="right">
                <div>{{ qitaForm.elementchangeflag_disp }}</div>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row>
            <el-col :span="10" :offset="1">
              <el-form-item label="来源系统：" prop="datasystemsource_disp" text-align="right">
                <div>{{ qitaForm.datasystemsource_disp }}</div>
              </el-form-item>
            </el-col>
            <el-col :span="10" :offset="1">
              <el-form-item label="追溯类型：" prop="reviewtype_disp" text-align="right">
                <div>{{ qitaForm.reviewtype_disp }}</div>
              </el-form-item>
            </el-col>
          </el-row>
        </el-form>
      </div>

      <!-- 备用字段信息 -->
      <div>
        <span class="formTitle">
          <i class="vertical-bar"></i>备用字段信息
        </span>

          <el-form :model="spareFild" ref="spareFildRef" label-width="160px" label-position="left">
          <el-row>
            <el-col :span="10" :offset="1">
              <el-form-item label="备用字段1：" prop="append1" text-align="right">
                <div>{{ spareFildRef.append1 }}</div>
              </el-form-item>
            </el-col>
            <el-col :span="10" :offset="1">
              <el-form-item label="备用字段2：" prop="append2" text-align="right">
                <div>{{ spareFildRef.append2 }}</div>
              </el-form-item>
            </el-col>
          </el-row>
           <el-row>
            <el-col :span="10" :offset="1">
              <el-form-item label="备用字段3：" prop="append1" text-align="right">
                <div>{{ spareFildRef.append3 }}</div>
              </el-form-item>
            </el-col>
            <el-col :span="10" :offset="1">
              <el-form-item label="备用字段4：" prop="append2" text-align="right">
                <div>{{ spareFildRef.append4 }}</div>
              </el-form-item>
            </el-col>
          </el-row>
           <el-row>
            <el-col :span="10" :offset="1">
              <el-form-item label="备用字段5：" prop="append1" text-align="right">
                <div>{{ spareFildRef.append5 }}</div>
              </el-form-item>
            </el-col>
            <el-col :span="10" :offset="1">
              <el-form-item label="备用字段6：" prop="append2" text-align="right">
                <div>{{ spareFildRef.append6 }}</div>
              </el-form-item>
            </el-col>
          </el-row>
           <el-row>
            <el-col :span="10" :offset="1">
              <el-form-item label="备用字段7：" prop="append1" text-align="right">
                <div>{{ spareFildRef.append7 }}</div>
              </el-form-item>
            </el-col>
            <el-col :span="10" :offset="1">
              <el-form-item label="备用字段8：" prop="append2" text-align="right">
                <div>{{ spareFildRef.append8 }}</div>
              </el-form-item>
            </el-col>
          </el-row>
           <el-row>
            <el-col :span="10" :offset="1">
              <el-form-item label="备用字段9：" prop="append1" text-align="right">
                <div>{{ spareFildRef.append9 }}</div>
              </el-form-item>
            </el-col>
            <el-col :span="10" :offset="1">
              <el-form-item label="备用字段10：" prop="append2" text-align="right">
                <div>{{ spareFildRef.append10 }}</div>
              </el-form-item>
            </el-col>
          </el-row>
           <el-row>
            <el-col :span="10" :offset="1">
              <el-form-item label="备用字段11：" prop="append1" text-align="right">
                <div>{{ spareFildRef.append11 }}</div>
              </el-form-item>
            </el-col>
            <el-col :span="10" :offset="1">
              <el-form-item label="备用字段12：" prop="append2" text-align="right">
                <div>{{ spareFildRef.append12 }}</div>
              </el-form-item>
            </el-col>
          </el-row>
           <el-row>
            <el-col :span="10" :offset="1">
              <el-form-item label="备用字段13：" prop="append1" text-align="right">
                <div>{{ spareFildRef.append13 }}</div>
              </el-form-item>
            </el-col>
            <el-col :span="10" :offset="1">
              <el-form-item label="备用字段14：" prop="append2" text-align="right">
                <div>{{ spareFildRef.append14 }}</div>
              </el-form-item>
            </el-col>
          </el-row>
           <el-row>
            <el-col :span="10" :offset="1">
              <el-form-item label="备用字段15：" prop="append1" text-align="right">
                <div>{{ spareFildRef.append15 }}</div>
              </el-form-item>
            </el-col>
            <el-col :span="10" :offset="1">
              <el-form-item label="备用字段16：" prop="append2" text-align="right">
                <div>{{ spareFildRef.append16 }}</div>
              </el-form-item>
            </el-col>
          </el-row>
           <el-row>
            <el-col :span="10" :offset="1">
              <el-form-item label="备用字段17：" prop="append1" text-align="right">
                <div>{{ spareFildRef.append17 }}</div>
              </el-form-item>
            </el-col>
            <el-col :span="10" :offset="1">
              <el-form-item label="备用字段18：" prop="append2" text-align="right">
                <div>{{ spareFildRef.append18 }}</div>
              </el-form-item>
            </el-col>
          </el-row>
           <el-row>
            <el-col :span="10" :offset="1">
              <el-form-item label="备用字段19：" prop="append1" text-align="right">
                <div>{{ spareFildRef.append19 }}</div>
              </el-form-item>
            </el-col>
            <el-col :span="10" :offset="1">
              <el-form-item label="备用字段20：" prop="append2" text-align="right">
                <div>{{ spareFildRef.append20 }}</div>
              </el-form-item>
            </el-col>
          </el-row>
          </el-form> 
      </div>
      <div slot="footer">
        <el-button @click="amendZipperFormDi = false">关 闭</el-button>
      </div>
    </el-dialog>
  </div>
</template>

<script>
import moment from "moment";
import { positionAmend } from "@/api/index";
import amendForm from "./positionAmendForm";
export default {
  props: {
    amendZipperData: {
      type: String,
      default: ""
    }
  },
  components: {
    amendForm
  },
  data() {
    return {
      operateType: "0",
      total: 0,
      searchForm: {
        page: 1,
        size: 15
      },
      checkList: [],
      textData: [
        { prop: "acctNo", label: "账号", disabled: true, checked: true },
        { prop: "dataDt", label: "数据日期", disabled: true, checked: true },
        {
          prop: "versionNum",
          label: "当前版本号",
          disabled: true,
          checked: true
        },
        { prop: "orgCd", label: "机构", disabled: true, checked: true },
        { prop: "industryCd", label: "行业", disabled: true, checked: true },
        { prop: "custNo", label: "客户编号", disabled: true, checked: true },
        { prop: "prdCd", label: "产品", disabled: true, checked: true },
        { prop: "sbjtCd", label: "科目", disabled: true, checked: true },
        { prop: "sbjtTp", label: "业务类型", disabled: true, checked: true },
        { prop: "ccyCd", label: "币种", disabled: true, checked: true },
        { prop: "curBal", label: "当前余额", disabled: true, checked: true },
        {
          prop: "matuFlg",
          label: "有无到期日标志",
          disabled: true,
          checked: true
        },
        { prop: "lastRpricBal", label: "上次重定价余额", disabled: true },
        { prop: "origAmt", label: "原始余额", disabled: true },
        { prop: "pmtBal", label: "支付金额", disabled: true },
        { prop: "startDt", label: "起息日", disabled: true },
        { prop: "matuDt", label: "到期日", disabled: true },
        { prop: "orgTerm", label: "原始期限", disabled: true },
        { prop: "overdueTerm", label: "逾期期限", disabled: true },
        { prop: "execRate", label: "对客利率", disabled: true },
        { prop: "acruIntstBas", label: "计息基础代码", disabled: true },
        { prop: "execRateCd", label: "利率代码", disabled: true },
        { prop: "fltTpCd", label: "浮动类型代码", disabled: true },
        { prop: "fltRatio", label: "浮动比例", disabled: true },
        { prop: "fltMargin", label: "浮动利差", disabled: true },
        {
          prop: "lastExecRateChangeDt",
          label: "最新执行利率变更日期",
          disabled: true
        },
        { prop: "pmtFreq", label: "结息频率", disabled: true },
        { prop: "rateTp", label: "利率类型代码", disabled: true },
        { prop: "rpricDtAdjstTp", label: "重定价类型代码", disabled: true },
        { prop: "lastRpricDt", label: "上次重定价日期", disabled: true },
        { prop: "nextRepricDt", label: "下次重定价日期", disabled: true },
        { prop: "repriceFreq", label: "重定价频率", disabled: true },
        { prop: "pmtTp", label: "支付类型代码", disabled: true },
        { prop: "lastPrinPmtDt", label: "上次支付日", disabled: true },
        { prop: "nextPrinPmtDt", label: "下次支付日", disabled: true },
        { prop: "payFreq", label: "支付频率", disabled: true },
        { prop: "bizRatingCd", label: "业务评级代码", disabled: true },
        { prop: "custCateCd", label: "客户类别代码", disabled: true },
        { prop: "chnlNm", label: "渠道", disabled: true },
        { prop: "bizNo", label: "业务编号", disabled: true },
        { prop: "isOdue", label: "逾期标识", disabled: true },
        { prop: "earlyPmtAmt", label: "提前还款金额", disabled: true },
        { prop: "issuerCd", label: "发行人代码", disabled: true },
        { prop: "rateSensitiveFlg", label: "利率敏感标志", disabled: true },
        { prop: "instrumentTpCd", label: "金融工具类型代码", disabled: true },
        { prop: "costCtrTpCd", label: "成本中心分类代码", disabled: true },
        { prop: "isSbjtOdue", label: "资产负债逾期标志", disabled: true },
        { prop: "offshoreFlg", label: "离岸标识", disabled: true },
        { prop: "sizeFlg", label: "规模标识", disabled: true },
        { prop: "isAgmt", label: "协定标识", disabled: true },
        { prop: "pmtPlanFlg", label: "还款计划表标志", disabled: true },
        { prop: "incrementFlg", label: "增量标志", disabled: true },
        {
          prop: "lastRpricExecRate",
          label: "上次重订价执行利率",
          disabled: true
        },
        { prop: "nextmtAmt", label: "下次支付金额", disabled: true },
        { prop: "firstPrinPmtDt", label: "首次还款日", disabled: true },
        { prop: "billRate", label: "票面利率", disabled: true },
        { prop: "isVlid", label: "数据有效性标识", disabled: true },
        { prop: "bizLineCd", label: "条线", disabled: true },
        { prop: "area", label: "区域", disabled: true },
        { prop: "outIntstIncExp", label: "外部利息收支", disabled: true },
        { prop: "lnPrePmtFlg", label: "提前终止标示", disabled: true },
        { prop: "elementChangeFlg", label: "业务要素变更标志", disabled: true },
        { prop: "append1", label: "备用字段1", disabled: true },
        { prop: "append2", label: "备用字段2", disabled: true },
        { prop: "append3", label: "备用字段3", disabled: true },
        { prop: "append4", label: "备用字段4", disabled: true },
        { prop: "append5", label: "备用字段5", disabled: true },
        { prop: "append6", label: "备用字段6", disabled: true },
        { prop: "append7", label: "备用字段7", disabled: true },
        { prop: "append8", label: "备用字段8", disabled: true },
        { prop: "append9", label: "备用字段9", disabled: true },
        { prop: "append10", label: "备用字段10", disabled: true },
        { prop: "append11", label: "备用字段11", disabled: true },
        { prop: "append12", label: "备用字段12", disabled: true },
        { prop: "append13", label: "备用字段13", disabled: true },
        { prop: "append14", label: "备用字段14", disabled: true },
        { prop: "append15", label: "备用字段15", disabled: true },
        { prop: "append16", label: "备用字段16", disabled: true },
        { prop: "append17", label: "备用字段17", disabled: true },
        { prop: "append18", label: "备用字段18", disabled: true },
        { prop: "append19", label: "备用字段19", disabled: true },
        { prop: "append20", label: "备用字段20", disabled: true },
        { prop: "dataSrc", label: "数据来源", disabled: true }
      ],
      tableData: [],
      titleName: "",
      amendZipperFormDi: false,
      //表单详情
      jichuForm: {
        stripline: "vds",
        subjectcode: "fewf"
      },
      lilvForm: {},
      qixainForm: {},
      zhifuForm: {},
      chongdingjiaForm: {},
      tiaozhengForm: {},
      qitaForm: {},
      spareFildRef: {}
    };
  },
  created() {},
  mounted() {},
  computed: {
    columnState() {
      let arr = [],
        arr1 = this.textData,
        arr2 = this.checkList;
      for (let i = 0; i < arr1.length; i++) {
        let flg = true;
        // for (let j = 0; j < arr2.length; j++) {
        //   if (arr1[i].label === arr2[j]) {
        //     flg = true;
        //   }
        // }
        arr.push(flg);
      }
      return arr;
    }
  },
  methods: {
    searchFunc() {
      console.log("this.columnState", this.columnState);
      let params = { ...this.searchForm };
      params.acctNo = this.amendZipperData;
      console.log(params, "params");
      positionAmend.findZipperAll(params).then(res => {
        if (res.code == 200) {
          this.tableData = res.rows;
          this.total = res.total;
        } else {
          this.$message.error("数据查询失败");
        }
      });
    },
    //重新使用
    reBackUse() {
      let selections = this.$refs.multipleTable.selection;
      if (selections.length !== 1) {
        return this.$message.warning("请选择一条数据进行操作!!");
      }
      let data = { id: selections[0].uuid };
      positionAmend.reBack(data).then(res => {
        if (res.code == 200) {
          this.$message.success(res.message);
          this.$$emit("historyResys", "0");
        } else {
          this.$message.error(res.message);
        }
      });
    },
    //查看详情
    detail() {
        this.titleName ="查看详情";
      let selections = this.$refs.multipleTable.selection;
      if (selections.length !== 1) {
        return this.$message.warning("请选择一条数据进行操作!!");
      }
      let data = { id: selections[0].uuid };
      positionAmend.showDetail(data).then(res => {
        if (res.code == 200) {
          this.jichuForm = res.data;
          this.lilvForm = res.data;
          this.qixainForm = res.data;
          this.zhifuForm = res.data;
          this.chongdingjiaForm = res.data;
          this.tiaozhengForm = res.data;
          this.qitaForm = res.data;
          this.spareFildRef = res.data;
          this.amendZipperFormDi =true;
        } else {
          this.$message.error(res.message);
        }
      });
    },
    //返回
    close() {
      this.$emit("historyResys", "1");
    },
    rowChecked(row) {
      if (this.$refs.multipleTable) {
        this.$refs.multipleTable.clearSelection();
      }
      this.$refs.multipleTable.toggleRowSelection(row);
    },
    //事件转换
    timeFormat(val) {
      if (val) return moment(val).format("YYYY-MM-DD HH:mm:ss");
      else return "";
    },
    //   点击行选中
    authorizeFor(row) {
      if (this.$refs.multipleTable) {
        this.$refs.multipleTable.clearSelection();
      }
      this.$refs.multipleTable.toggleRowSelection(row, true);
    },
    timeFormat(val) {
      if (val) return moment(val).format("YYYY-MM-DD");
      else return "";
    },
    //页码值改变
    handleSizeChange(val) {
      console.log(`每页 ${val} 条`);
      this.searchForm.size = val;
      this.searchFunc();
    },
    //当前页改变
    handleCurrentChange(val) {
      this.searchForm.page = val;
      console.log(`当前页: ${val}`);
      this.searchFunc();
    }
  }
};
</script>

<style lang="scss" scoped >
.formTitle {
  font-size: 14px;
  font-weight: 700;
  display: block;
  margin-bottom: 10px;
}
</style>
